<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单
        网页中表单用于将本地的数据提交给远程的服务器

        创建表单
        from标签
        action 指定表单的服务器的地址
    -->
    <form action="">
        <!-- 文本框
        数据要提交到服务器中，必须要指定一个name -->
        文本框<input type="text" name="username">
        <br>

        <!-- 密码框 -->
        密码<input type="password" name="password">

        <br>
        <br>
        <!-- 单选框 
            指定一个name属性才能只选中一个
            必须指定一个value属性，value最终作为用户填写值传递给服务器
            checked 可以将单选按钮设置为默认选中
        -->
        单选按钮<input type="radio" name="namevalues" value="a">
        <input type="radio" name="namevalues" value="b" checked>
        <input type="radio" name="namevalues" value="b" >

        <br><br>

        <!-- 多选框  
            checked默认选中-->
        篮球<input type="checkbox" name="text1" value="篮球">
        足球<input type="checkbox" name="text2" value="足球">
        乒乓球<input type="checkbox" name="text3" value="乒乓球">
        <!-- 提交按钮 -->

        <br><br>
        <!-- 下拉列表
        selected默认选中
     -->
        <select name="hah" id="">
            <option value="i1">选项一</option>
            <option selected value="i2">选项二</option>
            <option value="i3">选项三</option>
            <option value="i4">选项四</option>
        </select>
        <br><br>
        <input type="submit" value="注册">
    </form>
</body>
</html>